<template>
	<div>
		<h1>好友列表</h1>
	
		<swiper 
			:list="imgs"
			auto
			dots-position="center"
			dots-class="dot-style"
			loop
		></swiper>
		
		
		<divider>我是有底线的</divider>
		
		
		<swiper auto loop height="100px">
			<swiper-item>
				<h1>第3页</h1>
			</swiper-item>
			<swiper-item>
				<h1>第一页</h1>
			</swiper-item>
			<swiper-item>
				<h1>第2页</h1>
			</swiper-item>
			
			
		</swiper>
		
		
	</div>
	
	
</template>

<script>
	
	import {Swiper,SwiperItem,Divider} from "vux";
	
	export default {
		components:{
			Swiper,
			SwiperItem,
			Divider
		},
		data:function(){
			return {
				imgs:[
					{
						img:"static/a.jpg",
						title:"雪山"
					},
					{
						img:"static/b.jpg",
						title:"花朵"
					},
					{
						img:"static/c.jpg",
						title:"河流与山脉"
					},
				]
			}
		}
	}
</script>

<style>
	
</style>